
function paginarTablon(paginaActual){
	/*$('html, body').animate({
scrollTop: $("#scrollToHere").offset().top
}, 2000);*/
	$("#tablon").fadeOut("fast");
	var desde = (paginaActual-1)*10+1;
	 $.getJSON("consultasAjax.php?seccion=tablon&uuid="+$.url.getParam("uuid")+"&desde="+desde+"&cantidad=10",
		function(data)
		{
			$("#paginadorTablon").pager({ pagenumber: paginaActual, pagecount: Math.ceil(data.cantidad/10), buttonClickCallback: paginarTablon });

			$('.paginador-boton, ul#icons li').hover(
				function() { $(this).addClass('ui-state-hover'); }, 
				function() { $(this).removeClass('ui-state-hover'); }
			);
			$("#tablon").html("");
			if(data.comentarios != null)
				$.each(data.comentarios, function(i,comentario){
					var tabla = $("<table>");
						tabla.attr("width","100%");
					var foto = $("<img>");
						foto.addClass("ui-state-default ui-corner-all");
					var fila = $("<tr>");
					var columnaFoto = $("<td>");
						columnaFoto.attr("width","50px");
					var divMensajeCabecera = $("<div>");
					var columnaInfo = $("<td>");
					var linkUsuario = $("<a>");
					var linkFoto = $("<a>");
					var mensaje = $("<div>");
				
					if( (i % 2) == 0 )
					{
						tabla.addClass("ui-state-default");
						tabla.addClass("ui-corner-all");
						divMensajeCabecera.attr("style","color:#000000");
						linkUsuario.attr("style","color:#000000");
					}
					
					
					//Foto
					foto.attr("border","0");
					foto.attr("src","imagenes/"+comentario.emisorFotoId+"/"+comentario.emisorFotoN+"/miniatura");
					foto.attr("title",comentario.emisor);
					foto.attr("alt",comentario.emisor);
					
					linkFoto.attr("rel","history");
					linkFoto.attr("href","#perfil&uuid="+comentario.idEmisor);
					linkFoto.append(foto);
					linkFoto.addClass("ui-helper-reset");
					
					//Nombre
					linkUsuario.attr("rel","history");
					linkUsuario.attr("href","#perfil&uuid="+comentario.idEmisor);
					linkUsuario.text(comentario.emisor);
					linkUsuario.addClass("ui-helper-reset");
					
				
					//Mensaje
					mensaje.html(parsearBBCODE(comentario.comentario));
					columnaFoto.attr("valign","top");
					columnaInfo.attr("valign","top");
					//Empaquetamos todo
					columnaFoto.append(linkFoto);
					//columnaInfo.append(linkUsuario);
					divMensajeCabecera.append(linkUsuario);
					
					var elspan = $("<span>");
						elspan.html(" el dia <b>"+comentario.fecha_comentario+"</b>");
					divMensajeCabecera.append(elspan);
					columnaInfo.append(divMensajeCabecera);
					
					columnaInfo.append(mensaje);
					//Botones
					var botonera = $("<p width='100%' align='right'>");
					
					if($.url.getParam("uuid") == null || $.cookie("user-uuid") == comentario.idEmisor|| $.cookie("user-uuid") == $.url.getParam("uuid"))
					{
						var butBorrar = $('<a style="font-size:80%" class="dialog_link ui-state-default ui-corner-all" href="javascript:void(0)"><span class="ui-icon ui-icon-circle-close"/>Borrar</a>');
						butBorrar.hover(
								function() { $(this).addClass('ui-state-hover'); }, 
								function() { $(this).removeClass('ui-state-hover'); }
							).click(function(){
								$.getJSON("consultasAjax.php",{seccion:"tablon", borrarTablon:$.url.getParam("uuid"), borrarMensaje:comentario.nMensaje },
										function(data){
											if(data.error == 0)
											{
												paginarTablon(1);
												mensajeSistema("Comentario borrado");
											}else{
												mensajeSistema("No se pudo borrar el comentario")
											}
								});
							});					
						butBorrar.hide();
						botonera.append(butBorrar);
						fila.hover(
								function() { butBorrar.show(); }, 
								function() {  butBorrar.fadeOut(); }
							);
					}
					botonera.height(20);
					columnaInfo.append(botonera);
					///
					fila.append(columnaFoto);
					fila.append(columnaInfo);
					tabla.append(fila);
					$("#tablon").append(tabla);
					$("#tablon").append("<div><br></div>");
				});
			else{
				if(isNaN($.url.getParam("uuid")) || $.url.getParam("uuid") == null || $.url.getParam("uuid") == $.cookie("user-uuid"))
					$("#tablon").append("<div>No tienes ningun comentario en tu tablon</div>");
				else
					$("#tablon").append("<div>No hay nigun comentario, tu puedes estrenar este tablon!</div>");
			}
			$("#tablon").fadeIn("slow");

		});
}

$(document).ready(function() {
	$("#paginadorTablon").pager({ pagenumber: 1, pagecount: 15, buttonClickCallback: paginarTablon });
	paginarTablon(1);
	
});






